import React from "react";
import { renderMatches, Route, Routes, useRoutes } from "react-router-dom";
import routes from "./routes";
import loadable from '@loadable/component'
import { Link } from "react-router-dom";
const Home = loadable(() => import('./views/Home'));
const About = loadable(() => import('./views/About'));
const NotFound = loadable(() => import('./views/NotFound/404'));
function renderRoutes(){

}

function App(props) {
	// const GetRoutes = () => useRoutes(routes);
	// return <div>
	// 			<Link to="/about">About</Link>
	// 			<GetRoutes/>
	// 	</div>
	return <div>
		<Link to="/about">About3</Link>
		<Routes>
		<Route path='/home' element={<Home />}></Route>
		<Route path='/about' element={<About />} />
		<Route path='*' element={<NotFound/>} />
	</Routes>
	</div>
}

export default App;
